<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title></title>
	<meta name="description" content="" />
	<meta name="author" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" href="css/style.css?v=0">
	<link rel="stylesheet" href="css/font-face.css?v=0">
	<script type="text/javascript" src="js/libs/modernizr-1.7.min.js"></script>
</head>
<body>
	<div id="container" class="full">
		<div class="box-w"></div>
		<header>
			<section>
				<aside id="slide" class="full">
					<div class="jSlider full">
						<div class="full item-1">
							<!-- <img src="images/slide-2-image.png" alt="Slide 2"/> -->
							<aside>
								<div class="bg">&nbsp;</div>
								<div class="data">
									<a href="#" alt="ecommerce-platform"><img src="images/banner/slide1/ecommerce-platform.png" alt="ecommerce-platform"/></a>
									<a href="#" alt="solutions"><img src="images/banner/slide1/solutions.png" alt="solutions"/></a>
									<a href="#" alt="that-you-need"><img src="images/banner/slide1/that-you-need.png" alt="that-you-need"/></a>
									<a href="#" alt="iOS"><img src="images/banner/slide1/ios.png" alt="iOS"/></a>
									
									<div class="search">
										<a href="#" alt="yahoo">
											<img width="74" height="14" src="images/banner/slide1/yahoo.png" alt="yahoo"/>
										</a>
										<a href="#" alt="google">
											<img width="63" height="22" src="images/banner/slide1/google.png" alt="google"/>
										</a>
										<a href="#" alt="bing">
											<img width="55" height="20" src="images/banner/slide1/bing.png" alt="bing"/>
										</a>
										<span class="clear"></span>
									</div>
									<span class="clear"></span>
								</div>
							</aside>
						</div>
						<div class="full item-2">
							<!-- <div class="bg full">&nbsp;</div> -->
							<aside>
								<img class="center" src="images/banner/slide2/main.png" alt=""/>
								<div class="bg full left0px">&nbsp;</div>
								<div class="data">
									<a href="#" alt="magento-logo"><img src="images/banner/slide2/magento-logo.png" alt="magento-logo"/></a>
									<span class="add">+</span>
									<a href="#" alt="no-sql"><img src="images/banner/slide2/no-sql.png" alt="no-sql"/></a>
									<span class="equal">=</span>
									<a href="#" alt="brilliant"><img src="images/banner/slide2/brilliant.png" alt="brilliant"/></a>
									<span class="clear"></span>
								</div>
								
								<!-- <img src="images/slide-1-image.png" alt="Slide 1"/> -->
							</aside>
						</div>
						<div class="full item-3">
							<aside>
								<div class="bg full">&nbsp;</div>
								<div class="data">
									<a href="#" alt="couch-db"><img src="images/banner/slide3/couch-db.png" alt="couch-db"/></a>
									<a href="#" alt="cassandra"><img src="images/banner/slide3/cassandra.png" alt="cassandra"/></a>
									<a href="#" alt="mongo-db"><img src="images/banner/slide3/mongo-db.png" alt="mongo-db"/></a>
									<a href="#" alt="no-sql"><img src="images/banner/slide3/no-sql.png" alt="no-sql"/></a>
									<span class="clear"></span>
								</div>
								<!-- <img src="images/slide-3-image.png" alt="Slide 3"/> -->
							</aside>
						</div>
						<div class="full item-4">
							<aside>
								<div class="bg full">&nbsp;</div>
								<div class="data">
									<a href="#" alt="agility-1"><img src="images/banner/slide4/agility-1.png" alt="agility-1"/></a>
									<a href="#" alt="agility-2"><img src="images/banner/slide4/agility-2.png" alt="agility-2"/></a>
									
									<a href="#" alt="mongo-db"><img src="images/banner/slide4/mongo-db.png" alt="mongo-db"/></a>
									
									<a href="#" alt="magento-1"><img src="images/banner/slide4/magento-1.png" alt="magento-1"/></a>
									<a href="#" alt="magento-2"><img src="images/banner/slide4/magento-2.png" alt="magento-2"/></a>
									<a href="#" alt="magento-3"><img src="images/banner/slide4/magento-3.png" alt="magento-3"/></a>
									
									<a href="#" alt="seach-engine-optimization"><img src="images/banner/slide4/seach-engine-optimization.png" alt="seach-engine-optimization"/></a>
									<a href="#" alt="ecommerce-solution"><img src="images/banner/slide4/ecommerce-solution.png" alt="ecommerce-solution"/></a>
									
									<a href="#" alt="cassandra-1"><img src="images/banner/slide4/cassandra-1.png" alt="cassandra-1"/></a>
									<a href="#" alt="cassandra-2"><img src="images/banner/slide4/cassandra-2.png" alt="cassandra-2"/></a>
									<a href="#" alt="cassandra-3"><img src="images/banner/slide4/cassandra-3.png" alt="cassandra-3"/></a>
									
									<a href="#" alt="couch-db"><img src="images/banner/slide4/couch-db.png" alt="couch-db"/></a>
									
									<a href="#" alt="multisite"><img src="images/banner/slide4/multisite.png" alt="multisite"/></a>
									<a href="#" alt="multistore"><img src="images/banner/slide4/multistore.png" alt="multistore"/></a>
									<span class="clear"></span>
								</div>
								<!-- <img src="images/slide-4-image.png" alt="Slide 4"/> -->
							</aside>
						</div>
						<div class="full item-5">
							<aside>
								<div class="bg full">&nbsp;</div>
								<div class="data">
									<!-- <a href="#" alt="couch-db"><img src="images/banner/slide5/couch-db.png" alt="couch-db"/></a>
									<a href="#" alt="cassandra"><img src="images/banner/slide5/cassandra.png" alt="cassandra"/></a>
									<a href="#" alt="mongo-db"><img src="images/banner/slide5/mongo-db.png" alt="mongo-db"/></a>
									<a href="#" alt="no-sql"><img src="images/banner/slide5/no-sql.png" alt="no-sql"/></a> -->
									<span class="clear"></span>
								</div>
								<!-- <img src="images/slide-5-image.png" alt="Slide 5"/> -->
							</aside>
						</div>
					</div>
					<div class="pagination"></div>
					<span class="clear"></span>
				</aside>
				
				<nav id="links">
					<ul class="floatList">
						<li class="facebook"><a href="#" alt="Facebook">Facebook</a></li>
						<li class="tweeter"><a href="#" alt="Tweeter">Tweeter</a></li>
						<li class="in"><a href="#" alt="In">In</a></li>
						<span class="clear"></span>
					</ul>
				</nav>
				<aside class="client">
					<span>&nbsp;</span>
					<div class="data">
						<h1 class="left0px png_bg"><a href="#"><img src="images/left-logo.png" alt="Viet Land"/></a></h1>
					</div>
				</aside>
				<nav id="menus">
					<ul class="floatList">
						<li class="current_page_item"><a href="index.html">Home</a></li>
						<li><a href="#">About Us</a></li>
						<li><a href="sevices.html">Sevices</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Out Blog</a></li>
						<li><a href="#">Contact Us</a></li>
						<span class="clear"></span>
					</ul>
				</nav>
				<span class="clear"></span>
			</section>
		</header>
		<div id="main" role="main">
			<section class="home">
				<ul class="floatList">
					<li class="col1">
						<h1>Complete Outline Bussiness</h1>
						<div>
							Gone are the days of building simple
							websites. Clients demanding more 
							functionality and better results from their
							websites. They want a website with bussi-ness 
							functionality that fulfills bussiness 
							goals. We help you reach those goal.
						</div>
						<a href="#" alt="our-service"><img src="images/main/our-service.png" alt="our-service" /></a>
					</li>
					<li class="col2">
						<h1>Website Design &amp; Layout</h1>
						<div>
							Astute attention to detail. Pixel perfect 
							placement. Rich inviting, engaging color 
							schemes and call to action. These are the 
							elements for which is strive for, on each
							and every project. We are very pround of our
							UI and UX design work.
							
						</div>
						<a href="#" alt="view-porfolio"><img src="images/main/view-porfolio.png" alt="view-porfolio" /></a>
					</li>
					<li class="col3">
						<h1>Logo, Branding, Indentity</h1>
						<div>
							Your identity is your "first impression".
							Within seconds, the humans brain will form
							an opinion of your company completely 
							based on your logo. Will you choose a $99 
							logo from XYZ "do it quick", or do your
							bussiness objectives demand unparalleled
							professionalism?
						</div>
						<a href="#" alt="view-porfolio"><img src="images/main/view-porfolio.png" alt="view-porfolio" /></a>
					</li>
					<li class="col4">
						<h1>Complete Outline Bussiness</h1>
						<div>
							Your identity is your "first impression".
							Within seconds, the humans brain will form
							an opinion of your company completely 
							based on your logo. Will you choose a $99 
							logo from XYZ "do it quick", or do your
							bussiness objectives demand unparalleled
							professionalism?
						</div>
						<a href="#" alt="our-service"><img src="images/main/our-service.png" alt="our-service" /></a>
					</li>
					<span class="clear"></span>
				</ul>
				<aside class="client">
					<div class="data">
						<h1 class="right0px png_bg">
							<a href="#" alt="client" class="png_bg">
								Client
							</a>
						</h1>
					</div>
				</aside>
				<!-- <span>&nbsp;</span> -->
			</section>
			<footer>
				<section>
					<ul class="floatList">
						<li class="col1">
							<h1><img src="images/main/bc-ii.png" alt="BC II" /></h1>
							<div>
								<img src="images/main/f-col1.png" alt="" />
							</div>
							<a href="#" alt="cynthia-whorton"><img src="images/main/cynthia-whorton.png" alt="cynthia-whorton" /></a>
						</li>
						<li class="col2">
							<h1><img src="images/main/provincewest.png" alt="provincewest" /></h1>
							<div>
								<img src="images/main/f-col2.png" alt="" />
							</div>
							<a href="#" alt="adrienne-moulian"><img src="images/main/adrienne-moulian.png" alt="adrienne-moulian" /></a>
						</li>
						<li class="col3">
							<h1><img src="images/main/robb-mariani.png" alt="robb-mariani" /></h1>
							<div>
								<img src="images/main/f-col3.png" alt="" />
							</div>
							<a href="#" alt="robb-mariani-2"><img src="images/main/robb-mariani-2.png" alt="robb-mariani-2" /></a>
						</li>
						<li class="col4">
							<h1><img src="images/main/boarding-house.png" alt="boarding-house" /></h1>
							<div>
								<img src="images/main/f-col4.png" alt="" />
							</div>
							<a href="#" alt="glen-lystne"><img src="images/main/glen-lystne.png" alt="glen-lystne" /></a>
						</li>
						<span class="clear"></span>
					</ul>
				</section>
				
				
				<aside class="client">
					<div class="data">
						<h1 class="left0px png_bg">
							<a href="#" alt="client" class="png_bg">
								Client
							</a>
							<span class="clear"></span>
						</h1>
					</div>
				</aside>
				
				
				<section class="footer png_bg">
					<aside class="info">
						<img src="images/footer-listen.png" alt=""/>
						<div>
							<img src="images/viet-land-footer.png" alt="Vietland simplify the complex"/>
							<p>
								&copy; 2011
							</p>
						</div>
					</aside>
				</section>
			</footer>
		</div>
	</div>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>

<!-- scripts concatenated and minified via ant build script--> 
<script type="text/javascript" src="js/plugins.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/script.js" type="text/javascript"></script> 
<!-- end scripts--> 

<!--[if lt IE 7 ]>
    <script type="text/javascript" src="js/libs/dd_belatedpng.js" type="text/javascript"></script>
    <script type="text/javascript">
		var pngSelector = "img, .png_bg, li.what, #links > ul, #links, #links > ul > li, #links  > ul > li > a , ";
		pngSelector += "aside#slide  div.jSlider > .full, aside#slide  div.pagination > a, #container header > section > aside.client > span, ";
		pngSelector += "aside#slide  div.jSlider > .full.item-1  > aside > div.data > div.search, aside#slide  div.jSlider > .full.item-1  > aside > div.bg, ";
		pngSelector += "aside#slide  div.jSlider > .full.item-2  > aside > div.bg, aside#slide  div.jSlider > .full.item-3  > aside > div.bg, ";
		pngSelector += "aside#slide  div.jSlider > .full.item-4  > aside > div.bg, aside#slide  div.jSlider > .full.item-5  > aside > div.bg, ";
		pngSelector += "aside#slide  div.jSlider > .full.item-4  > aside > div.bg, aside#slide  div.jSlider > .full.item-5  > aside > div.bg, ";
		pngSelector += "nav#menus > ul > li:hover, nav#menus > ul > li.current_page_item, aside.client > div.data > h1 > a, aside.client, ";
		pngSelector += "section.home > ul.floatList  > li > a, li.what > div > h1, img[alt^='spacer']";
		DD_belatedPNG.fix(pngSelector);
	</script>
<![endif]--> 

<script type="text/javascript">
    var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]]; // Change UA-XXXXX-X to be your site's ID 
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
    s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
</body>
</html>